<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房东/体验达人控制面板 - Airbnb爱彼迎</title>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/tsk.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.min.js"></script>
    <script src="js/base.js" type="module"></script>
    <script src="js/request.js" type="module"></script>
    <script src="js/order.js" type="module"></script>
</head>

<body>
    <div class="PromptBox"></div>

    <div class="main" style="display: block;">
        <div class="fixbox">
            <div class="mainbody" style="width: 1200px;">
                <!-- 导航 -->
                <div class="nav" style="width: 1200px;">
                    <div class="nav-l">
                        <a href="index.html"><img src="picture/logo.png" alt=""></a>
                    </div>
                    <div class="nav-m">

                    </div>
                    <div class="nav-r">
                        <div class="nav-r-2">
                            <div class="nav-r-2-svg1">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"
                                    role="presentation" focusable="false"
                                    style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                                    <g fill="none">
                                        <path d="M2 16h28M2 24h28M2 8h28"></path>
                                    </g>
                                </svg>
                            </div>
                            <div class="nav-r-2-svg2">
                                <div class="nav-r-2-svg2">
                                    <img src="https://z1.muscache.cn/defaults/user_pic-50x50.png?v=3&im_w=240" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="nav-r-1">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" aria-hidden="true"
                                role="presentation" focusable="false"
                                style="display: block; height: 16px; width: 16px; fill: currentcolor;">
                                <path
                                    d="M8 .25a7.77 7.77 0 0 1 7.75 7.78 7.75 7.75 0 0 1-7.52 7.72h-.25A7.75 7.75 0 0 1 .25 8.24v-.25A7.75 7.75 0 0 1 8 .25zm1.95 8.5h-3.9c.15 2.9 1.17 5.34 1.88 5.5H8c.68 0 1.72-2.37 1.93-5.23zm4.26 0h-2.76c-.09 1.96-.53 3.78-1.18 5.08A6.26 6.26 0 0 0 14.17 9zm-9.67 0H1.8a6.26 6.26 0 0 0 3.94 5.08 12.59 12.59 0 0 1-1.16-4.7l-.03-.38zm1.2-6.58-.12.05a6.26 6.26 0 0 0-3.83 5.03h2.75c.09-1.83.48-3.54 1.06-4.81zm2.25-.42c-.7 0-1.78 2.51-1.94 5.5h3.9c-.15-2.9-1.18-5.34-1.89-5.5h-.07zm2.28.43.03.05a12.95 12.95 0 0 1 1.15 5.02h2.75a6.28 6.28 0 0 0-3.93-5.07z">
                                </path>
                            </svg>
                        </div>
                        <a href="publish.html" class="add_fangyuan" style="display: none;">发布房源</a>


                        <div class="nav_box">
                            <a href="order.html">订单</a>
                            <a href="wish.html">心愿单</a>
                            <a href="lodger.html">账号</a>
                            <a href="login.html">退出</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mainbody">


            <div class="order_page">
                <div class="order_page_t">
                    <div class="order_page_t_l">
                        <span></span>，欢迎！
                    </div>
                    <div class="order_page_t_r" style="display: none;">
                        <a href="publish.html">完成房源发布</a>
                    </div>
                </div>
                <div class="order_page_b">
                    <div class="order_page_t">
                        <div class="order_page_b_l">
                            你的订单
                        </div>
                        <div class="order_page_b_r">
                            所有订单（ <span class="order_all1">0</span> 个）
                        </div>
                    </div>
                </div>
                <ul class="order_ul">
                    <li class="order_current order_all_main">
                        全部 (<span class="order_all">0</span> 个)
                    </li>
                    <li class="remain_evaluate">
                        待评价 (<span class="remain_evaluated">0</span> 个)
                    </li>
                    <li class="rated_box">
                        已评价 (<span class="rated">0</span> 个)
                    </li>
                    <li class="check_out_house_box">
                        退房 (<span class="check_out_house">0</span> 个)
                    </li>
                    <li class="living_box">
                        正在住宿 (<span class="living">0</span> 个)
                    </li>
                    <li class="not_start_box">
                        尚未开始的订单 (<span class="not_start">0</span> 个)
                    </li>
                </ul>
                <div class="order_box" style="display: none;">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation"
                        focusable="false" style="display: block; height: 32px; width: 32px; fill: rgb(34, 34, 34);">
                        <path
                            d="M24 1a5 5 0 0 1 5 4.78v5.31h-2V6a3 3 0 0 0-2.82-3H8a3 3 0 0 0-3 2.82V26a3 3 0 0 0 2.82 3h5v2H8a5 5 0 0 1-5-4.78V6a5 5 0 0 1 4.78-5H8zm-2 12a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14zm3.02 3.17 1.36 1.46-6.01 5.64-3.35-3.14 1.36-1.46 1.99 1.86z">
                        </path>
                    </svg>
                    <div style="font-size: 14px; color: #222;margin-top: 20px;">
                        今天或明天没有房客退房。
                    </div>
                </div>
                <div class="order_thing_main order_thing_main1">
                </div>
                <div class="order_thing_main order_thing_main2" style="display: none;">
                </div>
                <div class="order_thing_main order_thing_main3" style="display: none;">
                </div>

                <!-- <td class="order_ping" style="display: none;">
                    <div class="dianji" id="${orderarr[index].orderId}">
                    点击评价
                    </div>
                    <div class="change" style="display: none;">
                    修改评价
                    </div>
                    <div class="delete" style="display: none;">
                    删除评价
                    </div>
                </td> -->
                <!-- <div class="order_thing">
                    <div>订单 <span>1</span> </div>
                    <div>
                        <table>
                            <thead>
                                <tr>
                                    <th>房源信息</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>标题</td>
                                    <td>5</td>
                                </tr>
                                <tr>
                                    <td>介绍</td>
                                    <td>Product B</td>
                                </tr>
                                <tr>
                                    <td>最大入住人数</td>
                                    <td>Product B</td>
                                </tr>
                                <tr>
                                    <td>价格</td>
                                    <td>Product B</td>
                                </tr>
                                <tr>
                                    <td>评分</td>
                                    <td>Product B</td>
                                </tr>
                                <tr>
                                    <td>房源类型</td>
                                    <td>Product B</td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                            <thead>
                                <tr>
                                    <th>订单信息</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>开始时间</td>
                                    <td>Product B</td>
                                </tr>
                                <tr>
                                    <td>结束时间</td>
                                    <td>Product B</td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                            <thead>
                                <tr>
                                    <th>评价</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="order_ping" style="display: none;">
                                        <div class="dianji" style="display: none;">
                                            点击评价
                                        </div>
                                        <div class="change" style="display: none;">
                                            修改评价
                                        </div>
                                        <div class="delete" style="display: none;">
                                            删除评价
                                        </div>
                                    </td>
                                    <td class="order_content">
                                        <div>
                                            无
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div> -->

            </div>




            <!-- 弹出评论 -->
            <div class="pop_mask mask" style="display: none;top: 0;"></div>
            <div class="pop_review" style="display: none;">
                <div class="pop_close">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true" role="presentation"
                        focusable="false"
                        style="display: block; fill: none; height: 16px; width: 16px; stroke: currentcolor; stroke-width: 3; overflow: visible;">
                        <path d="m6 6 20 20M26 6 6 26"></path>
                    </svg>
                </div>
                <div class="textbox">
                    <textarea rows="10" cols="44" placeholder="请输入你的评论"></textarea>
                </div>
                <div style="font-weight:700;color: #222;">请输入你的评分</div>
                <div class="pop_stars">
                    <input type="radio" name="pop_star" id="1">1星
                    <input type="radio" name="pop_star" id="2">2星
                    <input type="radio" name="pop_star" id="3">3星
                    <input type="radio" name="pop_star" id="4">4星
                    <input type="radio" name="pop_star" id="5">5星
                </div>
                <div class="pop_publish">完成</div>
            </div>
            <!-- 删除评论 -->
            <div class="delete_wish" style="display: none;">
                <div class="delete_wish_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="delete_wish_t">
                    <div class="delete_wish_t_t">删除此评论？</div>
                    <div class="delete_wish_t_b">
                        <span class="delete_wish_name"></span>将被永久删除哟～
                    </div>
                </div>
                <div class="delete_wish_b">
                    <div class="delete_wish_b_l">取消</div>
                    <div class="delete_wish_b_r">删除</div>
                </div>
            </div>

            <!-- 取消订单 -->
            <div class="delete_wish check_out" style="display: none;">
                <div class="delete_wish_close check_out_close">
                    <button aria-label="删除「哈哈哈」（未共享）" type="button" class="l1ovpqvx cwgqky9 dir dir-ltr"><span
                            class="i13tpwjr dir dir-ltr"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"
                                aria-hidden="true" role="presentation" focusable="false"
                                style="display: block; height: 12px; width: 12px; fill: currentcolor;">
                                <path
                                    d="m14.3.3 1.4 1.4L9.43 8l6.29 6.3-1.42 1.4L8 9.43 1.7 15.7.3 14.29 6.57 8 .3 1.7 1.71.3 8 6.57z">
                                </path>
                            </svg></span></button>
                </div>
                <div class="delete_wish_t"
                    style="font-size: 16px;font-weight: 700;color: #222;padding: 90px 98px 60px;">
                    确定取消该订单？
                </div>
                <div class="delete_wish_b">
                    <div class="delete_wish_b_l check_out_no">取消</div>
                    <div class="delete_wish_b_r check_out_ok">确定</div>
                </div>
            </div>

        </div>
    </div>

</body>

</html>